//搜索框
function search() {
    var $search = $('#search');
//    取得输入框jQuery对象
    var $searchInput = $search.find('#search_text');
   // 关闭浏览器提供给输入框的自动完成 利用attr 去除input框自带的提示菜单
    $searchInput.attr('autocomplete', 'off');
//    创建自动完成的下拉列表用于显示服务器返回的数据，插在按钮后边等显示的时候再调整位置
    var $autocomplete = $('<ul class="autocomplete"></ul>').hide().insertAfter('.submit');
//清空下拉列表的内容并且隐藏下拉列表区
    var clear = function () {
        $autocomplete.empty().hide();
    };
//    注册事件添加动画缓慢效果，当输入框失去焦点的时候清空下拉列表并隐藏
    $searchInput.blur(function () {
        setTimeout(clear, 500);
    });
//    timeout的
    var timeoutid = null;
    //ajax服务端通信
    var ajax_request = function() {
        // console.log($("#search_text").val());
        $.ajax({
//        服务器的地址
            url: 'http://localhost:8080/selectGoodsDate',
//        参数
            data: {
//                date为input的内容
                'goodsName': $("#search_text").val(),
            },
//        返回的数据类型
            dateType: "json",
            type: "POST",
            success: function (data) {
//                遍历处理data，添加到自动完成区   term为值 index为索引
// //                创建li标签，添加到下拉列表中
//                 console.log(data);
                var length=data.extend.goodsName.length;
                for(let i = 0 ; i < length ; i++){
                        $('<li></li>').text(data.extend.goodsName[i]).appendTo($autocomplete).click(function () {
//                        鼠标单击下拉列表的这一项的话，就添加到输入框中
//                             console.log(data.extend.goodsName[i]);
//                             console.log($searchInput);
                            $searchInput.val(data.extend.goodsName[i]);
//                        清空并隐藏下拉列表
                            $autocomplete.empty().hide();
                        });
                }
//                显示下拉列表
                    $autocomplete.show();
            }

        });
    };
//对输入框进行事件注册
    $searchInput.keyup(function () {
        $autocomplete.empty().hide();
        clearTimeout(timeoutid);
        timeoutid=setTimeout(ajax_request,100);

    });
};
search();

//悬浮搜索栏
function seek(){
    var timeoutid = null;
    var float_seek = $("#float_seek");
    var input_book = $("#input_book");
    input_book.attr('autocomplete',"off");
    var tooltip = $('<ul class="tooltip"></ul>').hide().insertAfter('#seek');
//    clear为搜索框清空并消失
    var clear = function(){
        tooltip.hide().empty();
    };
//    添加失去焦点事件
    tooltip.blur(function () {
        setTimeout(clear,500);
    });
    var ajax_request = function () {
        $.ajax({
            url: 'http://localhost:8080/selectGoodsDate',
//        参数
            data: {
//                date为input的内容
                'goodsName': $("#input_book").val(),
            },
//        返回的数据类型
            dateType: "json",
            type: "POST",
            success:function (data) {
                var length=data.extend.goodsName.length;
                for(let i=0;i<length;i++){
                    $("<li></li>").text(data.extend.goodsName[i]).appendTo(tooltip).click(function () {
                        input_book.val(data.extend.goodsName[i]);
                        tooltip.empty().hide();
                });
                }
                tooltip.show();
            }
        });
    }
//添加键盘事件
    input_book.keyup(function () {
        tooltip.empty().hide();
        clearTimeout(timeoutid);
        timeoutid=setTimeout(ajax_request,100);
    });
}
seek();

//悬浮
var fl_nav = document.getElementById("fl_nav");
var scrollFunc = function (event) {
    event = event || window.event;
    if (event.wheelDelta){ //第一步：先判断浏览器IE，谷歌滑轮事件
        if (event.wheelDelta > 0) { //滑轮向上滚动
            //纵导航条高度
            if (document.documentElement.scrollTop<=630) {
                fl_nav.style.top=0;
                $("#fl_nav").slideUp(200);
            }
        }
        if (event.wheelDelta < 0) { //当滑轮向下滚动时
            //首先实现导航条出现
            if (640<=document.documentElement.scrollTop) {
                $("#fl_nav").slideDown(200);
            }
        }
    }
};
//给页面绑定滑轮滚动事件
if (document.addEventListener) {
    document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
//滚动滑轮触发scrollFunc方法
window.onmousewheel = document.onmousewheel = scrollFunc;
$(document).ready(function () {
    var oFocus = $("#focus"),
        oRight = $(".right"),
        oLeft = $("#left"),
        aRLi = oRight.find('li'),
        aLLi = oLeft.find('li'),
        index = 0,
        timer = null;
    aRLi.click(function(){
        index=$(this).index();
        aLLi.eq(index).animate({'opacity':1},300).siblings().stop().animate({'opacity':0},300);
        stopFoucs();
    });
//        左边
    oLeft.mouseenter(function(){
        stopFoucs();
    }).mouseleave(function(){
        startFocus();
    });
    timer = setInterval(function(){
        startFocus();
    },5000);
    function startFocus(){
        index++;
        index = index > aRLi.length-1 ? 0 :index;
        aLLi.eq(index).animate({'opacity':1},300).siblings().stop().animate({'opacity':0},300);
    }
    function stopFoucs(){
        clearInterval(timer);
    }
})

//侧边栏
function side(){
    $(".run_sign").css('display','none');
    for(var i=0;i<4;i++){
        $(".sign").eq(i).hover(
            function(){
                $(this).css("background","#BB9B72");
                $(this).find(".run_sign").css("display","block").stop().slideDown(200);
            },
            function () {
                $(this).css('background','rgba(100,100,102,0.5)');
                $(this).find(".run_sign").css("display","block").stop().slideUp(200);
            }
        );
    }
}
side();

//添加购物车
function addCar(){

$("#addCar").click(function () {
    var number = $(".g-button-left").val();
    var goodsNumber=document.location.href.split('=')[1];
    $.ajax({
        url:'http://localhost:8080/user/shoppingCart',
        type:"GET",
        dataType:"JSON",
        data:{
            payment:goodsNumber,
            num:number
        },
        success:function(data) {
            if (data.code == 100){
                window.location.href='/user/jumpShopping?goodsId='+goodsNumber;
            }
            else {
                alert("添加失败！");
            }
        },
        error:function(){
            alert("异常");
        }
    });
})
}
addCar();

// 查询
// function query(){
//     var search_text = $("#search_text").val();
//     $(".submit").click(function () {
//         $.ajax({
//             url:'',
//             type:"GET",
//             dataType:"JSON",
//             data:{
//
//             },
//             success:function () {
//
//             }
//         });
//     });
// }
// query();